<template>
  <div class="d-layout-body">
    <div class="d-col-xs-12">
      <Streamer cat="0001" class="streamer-dtools">
        <h1 class="d-text-center d-h1">便笺(Dog Pad)</h1>
        <h3 class="d-text-center d-h3">使用便笺记录日常工作</h3>
        <h4 class="d-text-center d-h4">集导航、笔记、任务、归档管理为一体的管理系统</h4>
        <div class="d-text-center btn-container">
          <a class="d-btn btn-go" :href="getMicroPath('#/nave')">快速进入</a>
        </div>
      </Streamer>
      <BlockSite :list="list" />
    </div>
  </div>
</template>

<script>
import '@daelui/vdog/dist/business/business.css'
import { Streamer, BlockSite } from '@daelui/vdog/dist/business/business.umd.min.js'

export default {
  components: {
    Streamer,
    BlockSite
  },

  data () {
    return {
      application: window.application,
      list: [
        {
          id: 3,
          title: '导航管理',
          list: [
            {
              id: 3001,
              list: [
                {title: '浏览器页签难检索', content: '浏览器收藏的页签达到一定数量后,要查找需要的页签成了一件麻烦事,经常会遇到打开的页面不是我们想要的情况'},
                {title: '快速检索查找', content: '通过关键字或标签查找,可快速找到指定页面,不再通过眼力逐个查看'}
              ]
            },
            {
              id: 3002,
              list: [
                {title: '打开页签众多浪费资源', content: '浏览器打开的页面多了之后,页面会有卡顿情况,但在某些情况下又必须保持这些页签'},
                {title: '分组预览页面', content: '通过对页面的分组,可在同一页面同时查看多个页面,可控制页签的开关状态,只打开当前需要使用的页面,不浪费资源'}
              ]
            }
          ]
        },
        {
          id: 2,
          title: '笔记管理',
          list: [
            {
              id: 2001,
              list: [
                {title: '信息时间长了容易忘', content: '每天各种各样的数据围绕着我们,我们会从中筛选出关键信息,有些记忆深刻,而有些时间长了就忘了,后面需要使用的时候回忆不起来'},
                {title: '笔记帮助助记忆信息', content: '在线笔记本帮助保存关键信息,不管时间过得有多长总是能有迹可循,不再担心信息丢失'}
              ]
            },
            {
              id: 2002,
              list: [
                {title: '关键时刻查找困难', content: '通常使用office文档或文本保存的信息总是面临查找困难的情况,在关键使用的时候要花很多时间来查找,费时费力'},
                {title: '多维度过滤搜索查找', content: '在线笔记通过设置类型级别、标签、关键字查找我们需要的信息,可快速过滤无关信息,检索需要的有效信息'}
              ]
            }
          ]
        },
        {
          id: 1,
          title: '任务管理',
          list: [
            {
              id: 1001,
              list: [
                {title: '任务多容易忘', content: '每天需要处理的事情众多,很容易被其他事情打断,稍不注意,该处理的任务没处理-耽误事'},
                {title: '分级记录任务', content: '根据任务的优先级排列任务,保存任务信息,可随时查看任务详细与状态,也方便后期查找'}
              ]
            },
            {
              id: 1002,
              list: [
                {title: '处理时段易错过', content: '在多任务的状况下,每个任务处理的时间点不一样,一旦错过有可能会引起不必要的麻烦'},
                {title: '周期定时提醒', content: '可对任务作定时设置,以计算后的时间点定点或周期性的进行提醒,避免错过需要处理的任务'}
              ]
            }
          ]
        },
        {
          id: 4,
          title: '归档管理',
          list: [
            {
              id: 4001,
              list: [
                {title: '文档目录繁多', content: '相关的文档往往存在于不同的目录下,需要时就要打开多个目录窗口进行查看'},
                {title: '个性化分组管理', content: '对不同的文件与目录进行个性化分组配置,可快速审视关联的文件'}
              ]
            },
            {
              id: 4002,
              list: [
                {title: '文档查找繁杂', content: '当我们需要的信息分散在各种类型的文件中时,我们不得不逐个打开文件进行查找,查找信息成了一件头疼的事情'},
                {title: '深入文档内部查找', content: '可文本化的文件均可以关键字进行内容检索,减少人工查找时间,以定向精准的方式进行查找'}
              ]
            }
          ]
        }
      ]
    }
  }
}
</script>
